<script setup lang="ts">
  import Left from './HomeLeft.vue'
  import Top from './HomeTop.vue'
  import ClassManage from '@/components/classManage/ClassManage.vue'
  // import QuestionGeneration from '@/components/questionGeneration/QuestionGeneration.vue'


  //在此组件临时设置账号密码
    //使用浏览器保存
    //完成登录注册后对其进行删除
    import {onMounted } from 'vue'
    onMounted(()=>{
      localStorage.setItem('userId', '10000001');
      localStorage.setItem('userName', '小刘超困');
      localStorage.setItem('userHead','https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422')
    })
</script>

<template>
  <div style="width:100%;height:100%;">
    <Left class="left" style="position: fixed; background-color: white;height:100%;width:160px;z-index: 10;"/>
    <div class="top" style="background-color: white; position:fixed;top:0px;left:160px;width:calc(100% - 160px);height:50px">
      <Top/>
    </div>
    <div class="main" style=" position:absolute;top:50px;left:160px;width:calc(100% - 160px);height:calc(100% - 50px);">
      <!-- <ClassManage /> -->
      <!-- <QuestionGeneration/> -->
      <RouterView/>
    </div>
  </div>
</template>

<style scoped>
.main{
  background-color:#eeeff6;
  /* background-color:#F9FAFB; */
}
.left{
  position: relative;
  box-shadow: 10px 0px 20px rgb(0, 0, 0,0.1);
}

</style>